<link rel="stylesheet" href="../core/resource/components/swiper/swiper.min.css?v=3">
<style>
	video::-webkit-media-controls-fullscreen-button {

		display: none;

	}

	video::-webkit-media-controls-play-button {}

	video::-webkit-media-controls-timeline {}

	video::-webkit-media-controls-current-time-display{}

	video::-webkit-media-controls-time-remaining-display {}

	video::-webkit-media-controls-mute-button {}

	video::-webkit-media-controls-toggle-closed-captions-button {}

	video::-webkit-media-controls-volume-slider {}
</style>
<div class="swiper-container">
	<div class="swiper-wrapper" style="padding-bottom:0.5rem">
		<div ng-repeat="nav in pagedata.setting.hdps" class="swiper-slide">
			<div class="item" style="height: auto">
				<video width="100%" height="100%" ng-src="{{tomedia(nav.url)}}" x5-playsinline="" playsinline="" webkit-playsinline="" autoplay="autoplay" preload="auto"  preload="auto" controls loop="loop">
				</video>
			</div>
		</div>
	</div>
</div>

<script>
	require(['swiper'], function (Swiper) {
		var swiper = new Swiper('.swiper-container', {
			pagination: {
				el: '.swiper-pagination',
			},
		});
	});
</script>